<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
	<meta name="format-detectoin" content="telephone=no">
	<title>Document</title>
</head>
<script type="text/javascript" src="../js/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
	var a={scrollX: true};
    var clientWidth = document.documentElement.clientWidth;
    var min = 0;
    var max = 820-clientWidth;
    var center = -(max) / 2;
		myScroll = new IScroll('#wrapper',a);
		myScroll.scrollTo(center, 0, 300);
}
</script>
</head>
<body onload="loaded()" >
<div id="wrapper" style="width:100%;height:200px;border:2px solid #000;">
    <div style="background:red;width:820px;height:200px;text-align:center;color:#fff;font-size:14px;">nihaoadfa</div>
</div>
</body>